<template>
  <dl class="s-item">
    <dt>
      <img
        :src="'data:image/png;base64,'+meta.logoImg"
        alt="商品图片">
    </dt>
    <dd>
      <h3><nuxt-link :to="{path:'detail',query:{category:category,shopName:meta.shopName}}">{{ meta.shopName }}</nuxt-link></h3>
      <el-rate
        v-model="meta.score"
        :colors="['#ff9900', '#ff9900', '#FF9900']"
        disabled/>
      <span
        v-if="meta.score>4"
        class="s-item-comment">很好</span><span
          v-else-if="meta.score>3"
          class="s-item-comment">一般</span><span
            v-else
            class="s-item-comment">很差</span>
      <span class="s-item-value">{{ meta.score }}分</span>
      
      <p>
        <span class="s-item-addr">{{ meta.address }}</span>
      </p>
      
      <p>
        <em class="s-item-price">人均￥{{ meta.perPeopleCost }}</em>
      </p>
      <!-- <ul>
        <li v-if="meta.shopKind&&meta.status">
          <span class="detail-type">{{meta.shopKind}}</span>{{ meta.status }}
        </li>
        <li v-else>
          <span class="detail-type">{{meta.shopKind}}</span>暂无描述
        </li>
      </ul> -->
    </dd>
  </dl>
</template>

<script>
import categroyVue from './categroy.vue'
export default {
  props: {
    meta: {
      type:Object,
      default(){
        return {
          
        }
      }
    }
  },
  data() {
    return {
      category: '',
      shopName: ''
    }
  },
  methods: {
  },
  mounted() {
    this.category = this.$route.query.category;
  }
}
</script>
